{extend name="common/base"}

{block name="style"}
<style type="text/css">
.pagination li span{
	margin-left: 6px;
}
</style>
{/block}

{block name="content"}
<section id="main" class="col-md-8">
{volist name="article_list" id="vo"}
	<article class="kratos-hentry clearfix">
		<div class="kratos-entry-border-new clearfix">
			<div class="kratos-entry-thumb-new">
				<a href="{$vo.article_link}">
					<img src="{$vo.article_cover}" />
				</a>
			</div>
			<div class="kratos-post-inner-new">
				<header class="kratos-entry-header-new">
					{volist name="$vo->cates" id="mo"}
						<a class="label" href="{:url('blog/index/cate', ['name' => $mo['cate_name']])}">
							{$mo.cate_title}<i class="label-arrow"></i>
						</a>
					{/volist}
					<h2 class="kratos-entry-title-new">
						<a href="{$vo.article_link}">{$vo.article_title}</a>
					</h2>
				</header>
				<div class="kratos-entry-content-new">
					<p>{$vo.article_info}</p>
				</div>
			</div>
			<div class="kratos-post-meta-new">
				<span class="visible-lg visible-md visible-sm pull-left">
					<a href="{$vo.article_link}">
						<i class="fa fa-calendar"></i> {$vo.create_time_str}
					</a>
				</span>
				<span class="pull-left">
					<a href="{$vo.article_link}">
						<i class="fa fa-eye"></i> {$vo.article_visit} Views
					</a>
				</span>
				<span class="pull-right">
					<a class="read-more" href="{$vo.article_link}" title="阅读全文">
						阅读全文 <i class="fa fa-chevron-circle-right"></i>
					</a>
				</span>
			</div>
		</div>
	</article>
{/volist}
	<div class='text-center' id='page-footer'>
		{$article_list->render()}
	</div>
</section>
{/block}